#{extends 'Commodities/frame.html' /}
<script language="javascript">
//把商品列表设置为选中状态
	$(function(){
		$(".categorynav ul li").removeClass("active");
		$("#commodity_item").addClass("active");
	});
$(document).ready(function(){
	  //给航班列表和消息列表每行加鼠hover标事件。
	  $(".product .productInfo").hover(
	  function () {
		$(this).addClass("productOnHover");
	  },
	  function () {
		$(this).removeClass("productOnHover");
	  }
	);
});
</script>
<div class="navigationBar">
	<table>
		<tr>
			<td><img src="@{'/public/images/navigationHouse.gif'}"></td>
			<td><strong>当前位置：</strong></td>
			<td>
				<a href="#">首页</a>
				>>
				<a href="#">商品列表</a>
			</td>
		</tr>
	</table>
</div>

#{commodities items:commodities /}

<div class="pagingBar">
	<center>
		共<font class="redFont">10</font>页
		&nbsp;&nbsp;这是第<font class="redFont">[1]</font>页
		&nbsp;&nbsp;总共<font class="redFont">[371]</font>条
		&nbsp;&nbsp;&nbsp;&nbsp;首页&nbsp;&nbsp;上一页&nbsp;&nbsp;<a href="#">下一页</a>
		&nbsp;&nbsp;&nbsp;<a href="#">尾页</a>&nbsp;&nbsp;&nbsp;转到第
		<input type="text" size="2">页
	</center>
</div>